.translate {
	height: 100%;
}

.translate:deep(.el-card__body){
	height: 100%;
	display: flex;
	flex-direction: column;
}

.translate-drop {
	border-radius: 5px;
	color: var(--el-color-primary-light-3);
	border: 1px dashed currentColor;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-top: 20px;
}

.translate-drop:hover{
	border-color: var(--el-color-primary);
}

.translate-drop .el-icon {
	font-size: 50px;
}

.translate-drop p {
	color: var(--el-text-color-regular);
}

.translate-tree,
.translate-preview{
	padding: 10px;
    margin-top: 20px;
    border-radius: 6px;
    background-color: var(--el-fill-color-light);
    overflow-y: auto;
    flex: 1 0 0;
}

.translate-buttons{
	margin-top: 20px;
}

.el-tree{
	background-color: inherit;
}

.preview-item{
	position: relative;
    padding: 10px;
    background-color: var(--el-border-color-lighter);
}

.preview-item + .preview-item {
    margin-top: 12px;
}

.preview-item__action{
	color: var(--el-color-primary);
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 12px;
	line-height: 1;
}

.preview-item__remark {
    color: var(--el-color-info);
}

.preview-item__data{
    margin-top: 6px;
    font-size: 15px;
}

.preview-item__line + .preview-item__line {
    margin-top: 5px;
}

.translate-progress{
	margin-top: 10px;
}

.translate-progress__tips{
    text-align: center;
    margin-top: 5px;
    font-size: var(--el-font-size-base);
    color: var(--el-color-info);
}

.log-item{
	display: flex;
	font-size: var(--el-font-size-base);
}

.log-item + .log-item{
	margin-top: 10px;
}

.log-item__date{
	color: var(--el-text-color-regular);
	margin-right: 10px;
	flex-shrink: 0;
}

.log-item__event{
	margin-right: 10px;
	flex-shrink: 0;
}

.log-item__event.info{
	color: var(--el-color-info);
}

.log-item__event.success{
	color: var(--el-color-success);
}

.log-item__event.error{
	color: var(--el-color-danger);
}

.log-item__event.link a{
	color: var(--el-color-primary);
}

.log-item__message{
	color: var(--el-text-color-regular, #666);
}